<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./common.css">
</head>
<body>
    <div id="anony-nav-banner" style="clear:both;overflow:hidden;background-color:#EDF4EC;margin-bottom:30px;margin-top:-30px;">
        <h1 id="douban-logo" style="height:20px;width:102px;margin:7px 13px;background-size:contain">
            <a href="#" style="height: 20px;">豆瓣</a>
        </h1>
    </div>
    <div id="anony-nav">
        <div class="anony-nav-links">
            <ul>
                <li><a href="#" class="lnk-book">豆瓣读书</a></li>
                <li><a href="#" class="lnk-movie">豆瓣电影</a></li>
                <li><a href="#" class="lnk-music">豆瓣音乐</a></li>
                <li><a href="#" class="lnk-events">豆瓣同城</a></li>
                <li><a href="#" class="lnk-group">豆瓣小组</a></li>
                <li><a href="#" class="lnk-read">豆瓣阅读</a></li>
                <li><a href="#" class="lnk-fm">豆瓣FM</a></li>
                <li><a href="#" class="lnk-shijian">豆瓣时间</a></li>
                <li><a href="#" class="lnk-market">豆瓣豆品</a></li>
            </ul>
        </div>
        <div class="site-name" style="display:inline-block;line-height:24px;height:24px;
        margin-top:4px;margin-right:24px;width:73px;
        background-image:url(https://img3.doubanio.com/f/sns/714b8751a533ef592bea5cd4603dbb9e713ded61/pics/sns/sitename.png);
        background-size:contain;background-repeat:no-repeat;text-indent:-999em">豆瓣网</div>
        <div class="anony-srh">
            <form action="">
                <span class="inp">
                    <input type="text" maxlength="60" size="12" placeholder="书籍、电影、音乐、小组、小站、成员" autocomplete="off">
                </span>
                <sapn class="bn">
                    <input type="submit" value="搜索">
                </sapn>
            </form>
        </div>
    </div>
    <div id="anony-sns" class="section">
        <div class="wrapper">
            <div id="dale_anonymous_homepage_top_for_crazy_ad" ad-status="loaded">
            </div>
            <!-- side begin -->
            <div class="side">
                <div style="margin: 10px 0px;">
                    <div id="dale_anonymous_homepage_right_top">
                        <div style="position: relative;margin: 0px 0px 20px;display:block;width:250px;
                        height:125px;overflow: hidden;">
                            <iframe src="" frameborder="0">
                                
                            </iframe>
                            <div style="line-height: 1;text-align: center;background-color:rgba(0,0,0,0.3);
                            font-size: 12px;position: absolute;right: 0px;bottom: 0px;padding: 4px;
                            color: rgb(255,255,255);">广告</div>
                        </div>
                    </div>
                </div>
                <div class="online">
                    <ul>
                        <div class="mod">
                            <h2>
                                热门话题 &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;· 
                                <span class="pl">
                                    &nbsp;( 
                                    <a href="#" target="_self">去话题广场</a>
                                    ) 
                                </span> 
                            </h2>
                            <ul>
                                <li class="rec_topics">
                                    <a href="" class="rec_topics_name">豆瓣毕业季不露脸演奏会</a>
                                    <span class="rec_topics_subtitle">481.7万次浏览</span>
                                </li>
                                <li class="rec_topics">
                                    <a href="" class="rec_topics_name">在都市里散步才是正经事</a>
                                    <span class="rec_topics_subtitle">49.0万次浏览</span>
                                </li>
                                <li class="rec_topics">
                                    <a href="" class="rec_topics_name">回想高考后的漫漫长夜</a>
                                    <span class="rec_topics_subtitle">60.3万次浏览</span>
                                </li>
                                <li class="rec_topics">
                                    <a href="" class="rec_topics_name">我的梅雨季“防御”指南</a>
                                    <span class="rec_topics_subtitle">15.1万次浏览</span>
                                </li>
                                <li class="rec_topics">
                                    <a href="" class="rec_topics_name">报刊亭里的阅读记忆</a>
                                    <span class="rec_topics_subtitle">1.3万次浏览</span>
                                </li>
                                <li class="rec_topics">
                                    <a href="" class="rec_topics_name">结婚后的心理感受
                                    </a><span class="rec_topics_subtitle">2721.5万次浏览</span>
                                </li>
                            </ul>
                        </div>
                        <li>
                            <div id="dale_homepage_online_activity_promo_1"></div>
                        </li>
                        <li>
                            <div id="dale_anonymous_homepage_doublemint"></div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- side end -->

            <!-- main begin -->
            <div class="main">
                <div class="mod">
                    <h2>
                        热点内容 &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
                        <span class="pl">
                            &nbsp;(
                            <a href="#">更多</a>
                            )
                        </span>
                        
                    </h2>
                    <div class="albums">
                        <ul>
                            <li>
                                <div class="pic">
                                    <a href="">
                                        <img src="./images/pic1.webp" alt="">
                                    </a>
                                </div>
                                <a href="">路过的路</a>
                                <span class="num">170张照片</span>
                            </li>
                            <li>
                                <div class="pic"><a href=""><img src="./images/pic2.webp" alt=""></a></div>
                                <a href="">練習簿 | sketchbook</a>
                                <span class="num">30张照片</span>
                            </li>
                            <li>
                                <div class="pic"><a href=""><img src="./images/pic3.webp" alt=""></a></div>
                                <a href="">维特根斯坦小剧场</a>
                                <span class="num">36张照片</span>
                            </li>
                            <li>
                                <div class="pic"><a href=""><img src="./images/pic4.webp" alt=""></a></div>
                                <a href="">2014-2015水彩</a>
                                <span class="num">73张照片</span></li>
                        </ul>
                    </div>
                    <div class="notes">
                        <ul>
                            <li class="first">
                                <div class="title"><a href="#">两个月108公里，业余游泳爱好者路在何方</a></div>
                                <div class="author">是二进制了W的日记</div>
                                <p>不知不觉计划已过半。 
                                    刚好跟小伙伴们讨论到Anna Kiesenhofer，
                                    那位自己把自己训练成奥运冠军的30岁数学博士。
                                    我：“想知道她是怎么练的，我也没教练没...</p>
                            </li>
                            <li><a href="#">男友为我过生日没花一分钱，该不该分手？</a></li>
                            <li><a href="#">媒介蒙太奇 之 观看奥运</a></li>
                            <li><a href="#">一名平凡读者的买书总结</a></li>
                            <li><a href="#">论家庭关系里好好说话的重要性</a></li>
                            <li><a href="#">根据真实案件改编的悬疑小说：死去的人，真的会为了复仇而活过来吗？</a></li>
                            <li><a href="#">叶芝和他的拜占庭诗篇</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- main end -->
        </div>
    </div>
    <div id="anony-time" class="section">
        <div class="wrapper">
            <div class="sidenav">
                <h2 class="section-title">
                    <a href="">豆瓣时间</a>
                </h2>
            </div>
            <div class="side"></div>
            <div class="main">
                <h2>
                    热门专栏 &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
                    <span class="pl">
                        &nbsp;(
                        <a href="#">更多</a>
                        )
                    </span>
                </h2>
                <ul class="time-list">
                    <li>
                        <a href="" class="cover time-audio new">
                            <img src="./images/pic5.jpg" alt="">
                        </a>
                        <a href="" class="title">艺术的诞生——极简西方艺术史60讲</a>
                        <span class="type">音频专栏</span>
                    </li>
                    <li>
                        <a href="" class="cover time-audio new">
                            <img src="./images/pic6.jpg" alt="">
                        </a>
                        <a href="" class="title">在故宫发现中国之美——5位故宫专家带你走近珍藏国宝</a>
                        <span class="type">音频专栏</span>
                    </li>
                    <li>
                        <a href="" class="cover time-audio new">
                            <img src="images/pic7.jpg" alt="">
                        </a>
                        <a href="" class="title">睡个好觉——21天彻底干掉失眠</a>
                        <span class="type">音频专栏</span>
                    </li>
                    <li>
                        <a href="" class="cover time-audio new">
                            <img src="./images/pic8.jpg" alt="">
                        </a>
                        <a href="" class="title">文学的甜头——如何成为一个真正的好读者</a>
                        <span class="type">音频专栏</span>
                    </li>
                    <li>
                        <a href="" class="cover time-audio new">
                            <img src="./images/pic9.jpg" alt="">
                        </a>
                        <a href="" class="title">穿越文学经典——复旦梁永安的爱情课</a>
                        <span class="type">音频专栏</span>
                    </li>
                    <li><a href="" class="cover time-audio new"><img src="./images/pic10.jpg" alt=""></a>
                        <a href="" class="title">走出单一思维的陷阱——人类学思维18讲</a>
                        <span class="type">音频专栏</span>
                    </li>
                    <li><a href="" class="cover time-audio new"><img src="./images/pic11.jpg" alt=""></a>
                        <a href="" class="title">清华韩秀云——只讲你关心的经济学</a>
                        <span class="type">音频专栏</span>
                    </li>
                    <li><a href="" class="cover time-audio new"><img src="./images/pic12.jpg" alt=""></a>
                        <a href="" class="title">重返思想的变迁时代——中国哲学16讲</a>
                        <span class="type">音频专栏 </span>
                    </li>
                    <li><a href="" class="cover time-audio new"><img src="./images/pic13.jpg" alt=""></a>
                        <a href="" class="title">复旦沈奕斐的社会学爱情思维课</a>
                        <span class="type">音频专栏</span>
                    </li>
                    <li><a href="" class="cover time-audio new"><img src="./images/pic14.jpg" alt=""></a>
                        <a href="" class="title">和思想家一起漫步——20世纪留给我们的10种远见</a>
                        <span class="type">音频专栏</span></li>
                </ul>
            </div>
        </div>
    </div>

    <div id="anony-novie" class="section">
        <div class="sidenav">
            <h2 class="section-title">
                <a href="#">电影</a>
            </h2>
            <div class="side-links nav-anon">
                <ul>
                    <li><a href="">影讯&购票</a></li>
                    <li class="site-nav-bt">
                        <a href="">选电影</a>
                        <img src="https://www.douban.com/pics/new_menu.gif" alt="">
                    </li>
                    <li><a href="">电视剧</a></li>
                    <li><a href="">排行榜</a></li>
                    <li><a href="">分类</a></li>
                    <li><a href="">影评</a></li>
                    <li class="site-nav-bt"><a href="">预告片</a></li>
                    <li><a href="">问答</a></li>
                </ul>
            </div>
            <div class="app-list">
                <ul></ul>
            </div>
        </div>
        <div class="side">
            <div class="mod">
                <h2>
                    影片分类 &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
                    <span class="pl">
                        &nbsp;(
                        <a href="#">更多</a>
                        )
                    </span>
                </h2>
                <div class="tags list">
                    <ul>
                        <li><a href="">爱情</a></li>
                        <li><a href="">剧情</a></li>
                        <li><a href="">喜剧</a></li>
                        <li><a href="">悬疑</a></li>
                        <li><a href="">经典</a></li>
                        <li><a href="">动画</a></li>
                        <li><a href="">科幻</a></li>
                        <li><a href="">犯罪</a></li>
                        <li><a href="">动作</a></li>
                        <li><a href="">青春</a></li>
                        <li><a href="">搞笑</a></li>
                        <li><a href="">文艺</a></li>
                        <li><a href="">惊悚</a></li>
                        <li><a href="">励志</a></li>
                        <li><a href="">黑色幽默</a></li>
                        <li><a href="">战争</a></li>
                        <li><a href="">家庭</a></li>
                        <li><a href="">美国</a></li>
                        <li><a href="">日本</a></li>
                        <li><a href="">香港</a></li>
                        <li><a href="">中国大陆</a></li>
                        <li><a href="">韩国</a></li>
                        <li><a href="">中国</a></li>
                        <li><a href="">英国</a></li>
                        <li><a href="">法国</a></li>
                        <li><a href="">台湾</a></li>
                        <li><a href="">印度</a></li>
                    </ul>
                </div>
            </div>
            <div class="mod">
                <h2>
                    近期热门 &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
                    <span class="pl">
                        &nbsp;(
                        <a href="#">更多</a>
                        )
                    </span>
                </h2>
                <div class="list1 movie-charts">
                    <ol>
                        <li><a href="">天才不能承受之重</a></li>
                        <li><a href="">目中无人</a></li>
                        <li><a href="">瞬息全宇宙</a></li>
                        <li><a href="">必胜球探</a></li>
                        <li><a href="">小说家的电影</a></li>
                        <li><a href="">行骗天下JP：英雄篇</a></li>
                        <li><a href="">山村狐妻</a></li>
                        <li><a href="">甘古拜·卡蒂娅瓦迪</a></li>
                        <li><a href="">暗夜博士：莫比亚斯</a></li>
                        <li><a href="">当我望向你的时候</a></li>
                    </ol>
                </div>
            </div>
        </div>
        <div class="main">
            <h2>
                正在热映 &nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·&nbsp;·
                <span class="pl">
                    &nbsp;(
                    <a href="#">更多</a>
                    )
                </span>
            </h2>
            <div class="movie-list list">
                <ul>
                    <li>
                        <div class="pic">
                            <a href=""><img src="./images/m1.webp" alt=""></a>
                            <div class="title"><a href="">侏罗纪世界3</a></div>
                            <div class="rating"><span class="allstar35"></span><i>6.3</i></div>
                            <a href="" class="bn-link bn-ticket">选座购票</a>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <a href=""><img src="./images/m2.webp" alt=""></a>
                            <div class="title"><a href="">天才计划</a></div>
                            <div class="rating"><span class="allstar35"></span><i>7.1</i></div>
                            <a href="" class="bn-link bn-ticket">选座购票</a>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <a href=""><img src="./images/m3.webp" alt=""></a>
                            <div class="title">暗恋·橘生淮南<a href=""></a></div>
                            <div class="rating"><span class="allstar35"></span><i>4.6</i></div>
                            <a href="" class="bn-link bn-ticket">选座购票</a>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <a href=""><img src="./images/m4.webp" alt=""></a>
                            <div class="title">镜世界<a href=""></a></div>
                            <div class="rating"><span class="txt-tip">暂无评分</span></div>
                            <a href="" class="bn-link bn-ticket">选座购票</a>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <a href=""><img src="./images/m5.webp" alt=""></a>
                            <div class="title">坏蛋联盟<a href=""></a></div>
                            <div class="rating"><span class="allstar35"></span><i>7.3</i></div>
                            <a href="" class="bn-link bn-ticket">选座购票</a>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <a href=""><img src="./images/m6.webp" alt=""></a>
                            <div class="title">遇见你之后<a href=""></a></div>
                            <div class="rating"><span class="txt-tip">暂无评分</span></div>
                            <a href="" class="bn-link bn-ticket">选座购票</a>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <a href=""><img src="./images/m7.webp" alt=""></a>
                            <div class="title">哆啦A梦：大雄的宇宙小战争<a href=""></a></div>
                            <div class="rating"><span class="allstar35"></span><i>6.2</i></div>
                            <a href="" class="bn-link bn-ticket">选座购票</a>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <a href=""><img src="./images/m8.webp" alt=""></a>
                            <div class="title">云霄之上<a href=""></a></div>
                            <div class="rating"><span class="txt-tip">暂无评分</span></div>
                            <a href="" class="bn-link bn-ticket">选座购票</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div id="dale_anonymous_homepage_movie_bottom" class="extra"></div>
    </div>
</body>
</html>